<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>鼎搜网注册页面</title>
</head>

<body>
    <style type=text/css>
        * {
            margin: 0;
            padding: 0;
            list-style: none;
        }
        
        a {
            text-decoration: none;
            color: black;
        }
        
        .box {
            width: 1000px;
            /* height: 1550px; */
            margin: 0 auto;
        }
        
        .top {
            width: 1000px;
            height: 24px;
            background-color: skyblue;
            float: left;
        }
        
        .heard {
            width: 1000px;
            height: 118px;
        }
        
        .heard-img {
            width: 200px;
            height: 118px;
            float: left;
        }
        
        .heard-img img {
            width: 121px;
            height: 63px;
            margin-top: 50px;
            margin-left: 60px;
        }
        
        .heard-title {
            width: 800px;
            height: 118px;
            float: right;
        }
        
        .heard-title-content {
            height: 15px;
            margin-top: 77px;
            margin-left: 50px;
        }
        
        .heard-title-content ul li {
            display: inline-block;
            margin-right: 18px;
            color: #000000;
            font-size: 14px;
        }
        
        .heard-title-content ul li input {
            width: 216px;
            height: 30px;
            background-image: url(./fdj.png);
            background-repeat: no-repeat;
            background-position: 188px 6px;
        }
        
        .big-img {
            width: 1000px;
            height: 400px;
            overflow: hidden;
        }
        
        .big-img img {
            width: 1000px;
            height: 400px;
        }
        
        .wyzr {
            width: 1000px;
            height: 50px;
            margin: 0 auto;
            text-align: center;
            position: relative;
            margin-top: 50px;
        }
        
        .zr p:first-child {
            letter-spacing: 9px;
            font-size: 16px;
            color: #010101;
        }
        
        .zr p:last-child {
            font-size: 12px;
            letter-spacing: -1px;
            color: #3d3d3d;
        }
        
        .zr::after,
        .zr::before {
            content: '';
            position: absolute;
            top: 40%;
            background-color: skyblue;
            height: 1px;
            width: 105px;
        }
        
        .zr::after {
            left: 315px;
        }
        
        .zr::before {
            right: 315px;
        }
        
        .tips-title {
            height: 15px;
            width: 475px;
            margin: 0 auto;
            font-size: 14px;
            margin-top: 25px;
        }
        
        .content {
            margin: 0 auto;
            height: 270px;
            width: 700px;
            margin-top: 25px;
            /* background-color: pink; */
            display: flex;
        }
        
        .user {
            width: 75px;
            height: 100%;
            /* background-color: red; */
            font-size: 14px;
            display: flex;
            flex-direction: column;
            justify-content: space-around;
        }
        
        .user p {
            font-size: 14px;
        }
        
        .frame {
            width: 615px;
            height: 100%;
            /* background-color: blue; */
            display: flex;
            flex-direction: column;
            justify-content: space-around;
        }
        
        .frame input {
            width: 210px;
            height: 18px;
            border: 1px solid #9ac1c0;
        }
        
        .red {
            color: red;
            margin-left: 30px;
        }
        
        select {
            width: 167px;
            height: 18px;
        }
        
        .forget {
            margin-left: 30px;
        }
        
        span {
            font-size: 14px;
        }
        
        .gender {
            margin: 0 auto;
            height: 30px;
            width: 700px;
            display: flex;
        }
        
        .gender-content {
            width: 75px;
            height: 100%;
            font-size: 14px;
            text-align: left;
        }
        
        .choice {
            width: 615px;
            height: 100%;
            font-size: 14px;
        }
        
        .choice input {
            zoom: 0.7;
        }
        
        .code {
            width: 615px;
            height: 100%;
            font-size: 14px;
        }
        
        .code input {
            width: 63px;
            height: 18px;
            border: 1px solid skyblue;
        }
        
        .code span::after {
            content: '点击更换';
            color: red;
        }
        
        .code img {
            text-align: center;
            width: 57px;
            height: 18px;
        }
        
        .code {
            display: flex;
        }
        
        .vip {
            margin: 0 auto;
            height: 130px;
            width: 700px;
            display: flex;
        }
        
        .vip-content {
            width: 105px;
            height: 130px;
            font-size: 14px;
        }
        
        .vip-content2 {
            width: 531px;
            height: 116px;
            border: 1px solid skyblue;
            font-size: 12px;
            line-height: 17px;
            display: flex;
            align-items: center;
            justify-content: space-around;
        }
        
        .vip-content2 div {
            width: 504px;
            height: 98px;
        }
        
        .read {
            width: 500px;
            font-size: 14px;
            margin-left: 300px;
        }
        
        .register-box {
            width: 1000px;
            height: 33px;
            margin: 0 auto;
            margin-top: 30px;
            display: flex;
            justify-content: center;
        }
        
        .register {
            width: 121px;
            height: 33px;
            border-radius: 5px;
            background-color: #6db6ff;
            font-size: 16px;
            color: white;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        
        .bottom {
            width: 1000px;
            height: 167px;
            margin: 0 auto;
            /* background-color: chartreuse; */
            display: flex;
        }
        
        .daohang {
            margin: 0 auto;
            width: 650px;
            height: 167px;
            /* background-color: yellow; */
            display: flex;
            justify-content: space-around;
            /* background-color: blue; */
        }
        
        .daohang ul li:first-child {
            font-size: 16px;
            color: #000000;
            margin: 44px 0 26px 0;
            font-weight: bold;
        }
        
        .daohang ul li:nth-child(2),
        .daohang ul li:nth-child(3),
        .daohang ul li:nth-child(4) {
            font-size: 12px;
            line-height: 25px;
            letter-spacing: 2px;
            line-height: 25px;
            letter-spacing: 2px;
        }
        
        .daohang-img {
            width: 350px;
            height: 167px;
        }
        
        .daohang-img img {
            width: 100%;
            height: 100%;
        }
        
        .bottom2 {
            height: 70px;
            width: 1000px;
            background-color: #6db6ff;
            position: relative;
            margin: 0 auto;
            margin-top: 20px;
        }
        
        .bottom2 p {
            position: absolute;
            top: 42px;
            left: 350px;
            font-size: 12px;
        }
        
        .xian {
            height: 1px;
            width: 1000px;
            background-color: #6db6ff;
            margin: 0 auto;
            margin-top: 50px;
        }
        
        select {
            color: gray;
        }
    </style>
    <div class="box">
        <!-- 顶部盒子 -->
        <div class="top"></div>
        <!-- 网页头部 -->
        <div class="heard">
            <div class="heard-img">
                <img src="./sdw.png" alt="">
            </div>
            <div class="heard-title">
                <div class="heard-title-content">
                    <ul>
                        <li><a href="./index.html">首页</a></li>
                        <li><a a style="color: red; " href="./zc.html">关于鼎搜</a></li>
                        <li><a href="./denglu.html">鼎搜服务</a></li>
                        <li><a href="./liebiao.html">鼎搜动态</a></li>
                        <li><a href="./xiangxi.html">鼎搜诚聘</a></li>
                        <li>鼎搜公益</li>
                        <li><input type="text"></li>
                    </ul>

                </div>
            </div>

        </div>
        <div class="big-img">
            <img src="./bigimg.png" alt="">
        </div>
        <!-- 转让 -->
        <div class="wyzr">
            <div class="zr">
                <p>我要转让</p>
                <p>WO YAO ZHUAN RANG</p>
            </div>
        </div>
        <!-- 注册内容 -->
        <div class="tips-title">(带*号的表示为必填项目，用户名必须大于3位小于20位，密码必须大于3位)</div>
        <div class="content">
            <div class="user">
                <p>用户名：</p>
                <p>公司名称：</p>
                <p>登录密码：</p>
                <p>确认密码：</p>
                <p>电子邮箱：</p>
                <p>安全问题：</p>
                <p>问题答案：</p>
            </div>
            <!-- 注册的Input框 -->
            <div class="frame">

                <div><input type="text">
                    <span><span class="red">*</span>(可以使用中文，但禁止除[@][.]以外的特殊符号)</span>
                </div>
                <div><input type="text"><span class="red"> *</span></div>
                <div><input type="password"><span class="red"> *</span></div>
                <div><input type="password"><span class="red"> *×两次输入密码不一致</span></div>
                <div><input type="text"><span><span class="red"> *</span>(每个电子邮邮箱只能注册一个帐号)</span>
                </div>
                <div><select>
                        <option>没安全提示问题</option>
                    </select><span class="forget">(忘记密码时重设密码用)</span></div>
                <div><input type="text"></div>

            </div>


        </div>
        <div class="gender">
            <div class="gender-content">
                <p>性别：</p>
            </div>
            <div class="choice"><input type="radio" name="sex" value="男" checked>男 <input type="radio" name="sex" value="女">女 <input type="radio" name="sex" value="
                保密">保密</div>
        </div>
        <div class="gender">
            <div class="gender-content">
                <p>验证码 :</p>
            </div>
            <div class="code"><input type="text">
                <div><img src="./yzm.png" alt=""></div><span>看不清?</span>
            </div>
        </div>
        <div class="vip">
            <div class="vip-content">
                <p>会员注册协议： </p>
            </div>
            <div class="vip-content2">
                <div>
                    1、在本站注册的会员，必须遵守《互联网电子公告服务管理规定》，不得在本站发表诽谤他人，侵犯他人隐私，侵犯他人知识产权，传播病毒，政治言论，商业讯息等信息。<br />2、在所有在本站发表的文章，本站都具有最终编辑权，并且保留用于印刷或向第三方发表的权利，如果你的资料不齐全，我们将有权不作任何通知使用你在本站发布的作品。<br />3、在登记过程中，您将选择注册名和密码。注册名的选择应遵守法律法规及社会公德。您必须对您的密码保密，您将对您注册名和密码下发生的所有活动承担责任。
                </div>
            </div>
        </div>
        <div class="read"><input type="checkbox"> 我已阅读并完全接受服务协议</div>
        <div class="register-box">
            <div class="register">
                <P>注册</P>
            </div>
        </div>
        <div class="xian"></div>
        <div class="bottom">
            <div class="daohang">
                <ul>
                    <li>简 介</li>
                    <li>鼎搜网简介</li>
                    <li>鼎搜服务</li>
                    <li>会员身份实名认证</li>
                </ul>
                <ul>
                    <li>帮 助</li>
                    <li>用户注册</li>
                    <li>关于鼎搜</li>
                    <li>在线咨询</li>
                </ul>
                <ul>
                    <li>共 赢</li>
                    <li>网站合作</li>
                    <li>用户协议</li>
                    <li>会员身份实名认证</li>
                </ul>
                <ul>
                    <li>导 航</li>
                    <li>地图首页</li>
                    <li>职能分类</li>
                    <li>企业名录</li>
                </ul>
            </div>
            <div class="daohang-img"><img src="./daohangimg.png" alt=""></div>
        </div>
        <div class="bottom2">
            <p>Copyright &copy;2015 鼎搜网(www.dinsoo.com) 版权所有</p>
        </div>
    </div>

</body>

</html>